Lecture01: Psych Science

Example lecture

Lecture
Published

August 29, 2022

Welcome!

Bird et al. (2010)

who says (wright201?)

CSS Tests

shout question takeaway

quote-source

midi

large

kapow!!

Tweet from the callout tweet

Tweet from the callout tweet

Tweet from the callout tweet with icon

Some wild callout

Some wild callout

another page

Here are my tests of callout blocks.

See the documentation.

Note that there are five types of callouts, including: note, warning, important, tip, and caution.

Don’t do that! simple appearance.

Do do this!

continued

Tip With Caption

This is an example of a callout with a caption.

This is an example of a ‘folded’ caution callout that can be expanded by the user. You can use collapse="true" to collapse it by default or collapse="false" to make a collapsible callout that is expanded by default.

Don’t do that! simple appearance.

Don’t do that! minimal appearance.

clean templates

Example slide

This is a subtitle

Here we have some text that may run over several lines of the slide frame, depending on how long it is.

  • first item
    • A sub item

Next, we’ll brief review some theme-specific components.

  • Note that all of the standard Reveal.js features can be used with this theme, even if we don’t highlight them here.

Additional theme classes

Some extra things you can do with the clean theme

Special classes for emphasis

  • .alert class for default emphasis, e.g. important note.
  • .fg class for custom colour, e.g. important note.
  • .bg class for custom background, e.g. important note.

Cross-references

  • .button class provides a Beamer-like button, e.g. Summary

Want more?

slide

text - div cleft

text - div cright

See our longer demo slides

We’ve deliberarely kept this template lean, to get you up and running as fast as possible.

We provide a separate demo template, with more examples for integrating code, tables, figures, etc.

  • See the live demo slides here.

Summary

A minimal and elegant presentation theme

The Quarto reveal.js clean theme aims to be a minimal and elegant presention theme.

Install the theme.

quarto install extension grantmcdermott/quarto-revealjs-clean

Use this lean template.

quarto use template grantmcdermott/quarto-revealjs-clean

Use the longer demo template.

quarto use template grantmcdermott/quarto-revealjs-clean-demo

Bullet point list

Unordered

  • Item A
  • Item B
  • Item C

Ordered

  1. Item 1
  2. Item 2
  3. Item 3

Incremental list

  • Item 1
  • Item 2
  • Item 3

Equations

Write mathematical symbols and equations using Latex.

Vallout note

Columns as normal

Left column

Right column

Columns 2

I would like to have text here

Sentence becomes longer, it should automatically stay in their column

and here

More text

Columns 3

monkeys

puppies

Themes

Customize the appearance of the slides using

  • Built-in Reveal theme

  • Modify built-in theme using Sass

    • Variant of CSS that supports variables and other features

  • Create custom thing using Sass

Specify the theme and/or Sass file (.scss) in the YAML

References

Refs

Bird, G., Silani, G., Brindley, R., White, S., Frith, U., & Singer, T. (2010). Empathic brain responses in insula are modulated by levels of alexithymia but not autism. Brain, 133(5), 1515–1525. https://doi.org/10.1093/brain/awq060